<div class="col-md-4 sidebar-offcanvas">
    <div class="col-md-12">
        <div class="well">
            <div class="row">
                <div class="col-md-6">
                    <h4 class="text-primary home-font">
                        ${cmsMember.nickname}
                    </h4>
                    <p>
                        <span class="fa fa-codepen fa-fw"></span> 生命本来就是一束耀眼的花火...
                    </p>
                </div>
                <div class="col-md-6">
                    <br>
                    <img src="${cmsMember.headPhoto}" class="img-thumbnail" width="150px;" height="80px;">
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <div class="thumbnail">
            <div class="caption">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="text-primary home-font">
                                最新文章
                            </h4>
                            <#if cmsArticleNewList?? && cmsArticleNewList?size gt 0>
                                <#list cmsArticleNewList as cmsArticleNew>
                                    <div class="media our-news-item">
                                        <div class="media-left">
                                            <a class="thumbnail" href="/article/detail/${cmsArticleNew.id}?channelId=${cmsArticleNew.channelId}">
                                                <img class="media-object" src="${cmsArticleNew.thumbnail}" alt="${cmsArticleNew.title}">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <a href="/article/detail/${cmsArticleNew.id}?channelId=${cmsArticleNew.channelId}">
                                                <h4 class="media-heading">${cmsArticleNew.title}</h4></a>
                                            <p>${cmsArticleNew.description}</p>
                                        </div>
                                    </div>
                                </#list>
                            </#if>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12" id="recommends">
        <div class="thumbnail">
            <div class="caption">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="text-primary home-font" >
                                相关推荐
                            </h4>
                            <#if cmsArticleRecommendList?? && cmsArticleRecommendList?size gt 0>
                                <#list cmsArticleRecommendList as cmsArticleRecommend>
                                    <div class="media our-news-item">
                                        <div class="media-left">
                                            <a class="thumbnail" href="/article/detail/${cmsArticleRecommend.id}?channelId=${cmsArticleRecommend.channelId}">
                                                <img class="media-object" src="${cmsArticleRecommend.thumbnail}" alt="test">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <a href="/article/detail/${cmsArticleRecommend.id}?channelId=${cmsArticleRecommend.channelId}">
                                                <h4 class="media-heading">${cmsArticleRecommend.title}</h4></a>
                                            <p>${cmsArticleRecommend.description}</p>
                                        </div>
                                    </div>
                                    <!--<p>
                                        <img src="${cmsArticles.thumbnail}" class="img-thumbnail" width="150px;" height="80px;">
                                        <a href="/article/detail/${cmsArticles.id}?channelId=${cmsArticles.channelId}" target="_blank">${cmsArticles.title}</a>
                                    </p>-->
                                </#list>
                            </#if>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>